/* Notifikasi
----------------------------------------------- */
#show-total {
	position:fixed;
	top:6px;
	right:90px;
	z-index:9999;
	cursor:pointer;
	float:right;
}
.total-show {
    background-color:#f1c40f;
	color:white;
	padding:2px 6px;
	font-size:11px;
	border-radius:3px;
	font-weight:bold;
}
#notif {
	cursor:pointer;
}
#notif:before {
	content:  url(//mastercode.googlecode.com/svn/trunk/data/img/main/lonceng2.png);
	border:0px solid #b6b5b5;
	padding:5px 6px 0 6px;
	border-radius:3px;
	display:block;
	position:fixed;
	top:13px;
	right:100px;
	opacity:.5;
	color:rgba(0,0,0,.3);
	z-index:9999;
	transition:all 0.4s ease-out;
}
#notif:hover:before {
	opacity:1;
}
#notif2 {
	cursor:pointer;display:none}
#notif2:before {
	content:  url(//mastercode.googlecode.com/svn/trunk/data/img/main/lonceng2.png);
	border:0px solid #b6b5b5;
	padding:5px 6px 0 6px;
	border-radius:3px;
	display:block;
	position:fixed;
	top:13px;
	right:100px;
	opacity:.5;
	color:rgba(0,0,0,.3);
	z-index:9999;
	transition:all 0.4s ease-out;
}
#notif2:hover:before {
	opacity:1;
}
#cm-wrapper {
	width:352px;
	position:fixed;
	top:52px;
	right:-381px;
	z-index:9999;
	background-color:#222;
	padding:15px 13px 25px 15px;
	color:#666;
	font-family: Arial, Sans-serif;
	border-top:8px solid #ff6c60;
	transition:0.5s ease;
}
#cm-wrapper:before {
	content:"";
	width:0;
	height:0;
	position:absolute;
	top:-24px;
	left:258px;
	border:8px solid transparent;
	border-color:transparent transparent #ff6c60;
}
#cm-scroll {
	width: 100%;
	height: 570px;
	overflow: auto;
	position: relative;
}
#comments-container {
	color:#666;
	font-family: Arial, Sans-serif;
}
#comments-container.cm-active {
	position:fixed;
	right:0;
	top:61px;
}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
}
.vscrollerbase {
	width: 5px;
    	background-color: #111;
	border-radius:2px;
}
.vscrollerbar {
	width: 5px;
	background-color: #444;
	border-radius:2px;
}
.hscrollerbase {
	height: 10px;
	background-color: #111;
	border-radius:2px;
}
.hscrollerbar {
	height: 10px;
	background-color: #444;
	border-radius:2px;
}
.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}
.cm-outer {
	margin:0 auto;
	padding:0;
	font-size:11px;
	text-align:left;
}
.cm-outer pre {
	background-color:#141414;
	font-size:11px;
	color:#7c7c7c;
}
.cm-outer li {
	padding:7px 10px 12px;
	list-style:none;
	clear:both;
	position:relative;
	border-top:1px solid #333;
	border-bottom:1px solid #111;
	margin-right:10px;
}
.cm-outer code {
	color:#a6a658;
    	font-size:11px;
}
.cm-outer li.selected {
    	border-left:4px solid #fffe8c;
}
.cm-outer li:first-child {
	border-top:none;
}
.cm-outer li:last-child {
	border-bottom:none;
}
.cm-text {
	color:#999;
}
.cm-outer {
	margin:0 0 5px;
}
.cm-header {
	margin: 4px 0 8px 60px;
	font-size:12px;
	font-weight:normal !important;
}
.cm-header a {
	color:#168980;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.cm-header a:hover {
	color:#e6e6e6;
	text-decoration:none;
}
.cm-outer .cm-content {
	overflow:hidden;
}
.cm-content {
	margin-left:60px;
}
.cm-outer img {
	display:block;
	float:left;
	background:#8fa2cb url(//mastercode.googlecode.com/svn/trunk/data/img/main/anon48.gif) no-repeat 50% 50%;
	overflow:hidden;
	border-radius:100px;
	position:absolute;
	top:10px;
	left:0;
	border:3px solid #3d464f;
}
.cm-footer {
	margin-top:7px;
}
.cm-footer a {
	color:#168980;
	text-decoration:none;
}
.cm-footer a:hover {
	color:#e6e6e6;
	text-decoration:none;
}
div.cm-header img[src=//mastercode.googlecode.com/svn/trunk/data/img/main/openid16-rounded.gif] {
	content: url(//mastercode.googlecode.com/svn/trunk/data/img/main/gravatar.png);
}
.bg_hitam{
	display: none;
	position: absolute;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:99;
	opacity:.30;
}
img.cm-smiley  {
	float:none;
	position:relative;
	display:inline-block;
	width:12px !important;
	height:12px !important;
	top:2px;
	border:none;
	border-radius:2px;
	background:none;
}
.myframe {
	display:none;
	width:100.5%;
	height:265px;
	margin-bottom:5px;
	border-radius:3px;
}
.jsfiddle-demo {
	display:block;
	width:98%;
	height:250px;
	border:1px solid #bbb;
	background:transparent url(//mastercode.googlecode.com/svn/trunk/data/img/main/preloader.gif) no-repeat 50% 50%;
}
#catcher{
	height1730px; tinggi catcher 
}
.sticky {  
    	width:305px;/* lebar sticky */
    	position: fixed;   
    	top: 80px;  
    	z-index: 100;  
    	border-top: 0;  
}
.informacio {
	position:fixed;
	top:16px;
	left:10px;
	z-index:9999;
	display:none;
}
.ki_modal-single {
	width: 600px;
	height: 300px;
	background-color: #f3f3f3;
	border-radius: 5px;
	box-shadow: 0 0 2px #333,0 0 6px #333;
	position: absolute;
	left: 50%;
	margin-top: -150px;
	margin-left: -300px;
	top:-9999px;
	z-index:9999;
	transition: all 0.4s ease-in-out;
}


/* Notifikasi
----------------------------------------------- */
.ki_modal-single a{
	color:white;
	text-decoration:underline;
}
.ki_modal-close {
	position:absolute;
	top:8px;
	right:8px;
	z-index:9999;
	cursor:pointer;
}
.ki_modal-single .ki_wrap-inner {
	position: absolute;
	top: 30px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	padding: 20px;
	overflow: auto;
	background-color:#2f3135;
	color: white;
	text-align:left;
	line-height:1.7em;
	border:1px solid #408fc7;
	border-top:1px solid #063a60;
	border-left:1px solid #063a60;
}
.overlay{
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:9999;
	opacity:.50;
	transition: all 0.4s ease-in-out;
	display:none;
}
#info{
	position: fixed;
	top: 18px;
	right:35px;
	height: 16px;
	border-radius:3px;
	background-color:#74a2c3;
	color:white;
	padding:2px 10px 4px 10px;
	z-index:9999;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
}